<ui:component xmlns="http://www.w3.org/1999/xhtml"  
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.prime.com.tr/ui"> 
    

<center>
 <h:form id="form">


<p:dataTable 
 		id="atividades" 
 		value="#{atividadeBean.atividadesCadastradas}" 
 		selection="#{atividadeBean.atividadeSelecionada}" 
 		selectionMode="single"
 		var="atividade" 
 		emptyMessage="Não Há Atividades Cadastradas para o Referido TCC" 
 		dynamic ="true" 
        rowSelectListener="#{atividadeBean.onRowSelect}"  
        onRowSelectComplete="atividadeDialog.show()"
        onRowSelectUpdate="display growl"  
        onRowUnselectUpdate="growl">  
 
  		<f:facet name="header">  
                <h:outputText value="Lista de Atividades"/>  
        </f:facet>
       
       <p:column>  
            <f:facet name="header">  
                <h:outputText value="Nome" />  
            </f:facet>  
            <h:outputText value="#{atividade.titulo}" />  
        </p:column>  
        
       <p:column>  
            <f:facet name="header">  
                <h:outputText value="Local" />  
            </f:facet>  
            <h:outputText value="#{atividade.local}" />  
        </p:column>  
 
    	<p:column>  
            <f:facet name="header">  
                <h:outputText value="Cadastro" />  
            </f:facet>  
           <h:outputText value="#{atividade.dataCadastro}" > 
            			<f:convertDateTime  pattern="dd/MM/yyyy"/>
            		</h:outputText>
        </p:column> 
   
  		 <p:column>  
            <f:facet name="header">  
                <h:outputText value="Realização" />  
            </f:facet>  
           <h:outputText value="#{atividade.dataAtividade}" > 
            			<f:convertDateTime  pattern="dd/MM/yyyy"/>
            		</h:outputText>
        </p:column> 
 
    </p:dataTable>  

   
    <p:dialog header="Detalhes da Atividade" widgetVar="atividadeDialog" resizable="false" id="atividadeDlg"  
              width="300" showEffect="fade" hideEffect="explode" modal="true">  
    
    <h:panelGrid id="display" columns="2" cellpadding="4">  
  
            <f:facet name="header">  
                 <h:outputText value="Detalhes" /> 
            </f:facet>  
  
            <h:outputText value="Título:" />  
            <h:outputText value="#{atividadeBean.atividadeSelecionada.titulo}" />  
  
            <h:outputText value="Descrição:" />  
            <h:outputText value="#{atividadeBean.atividadeSelecionada.descricao}" />  
        </h:panelGrid>  
    
    </p:dialog>  
   
  </h:form> 
</center>

</ui:component>